<template>
    <div class="p-4 h-64 border-t">
      <textarea v-model="message" class="w-full h-16 p-2 border" placeholder="Type your message..."></textarea>
      <button @click="sendMessage" class="mt-2 px-4 py-2 bg-blue-500 text-white">Send</button>
    </div>
  </template>
  
  <script>
  export default {
    data() {
      return {
        message: '',
      };
    },
    methods: {
      sendMessage() {
        if (this.message.trim() !== '') {
          this.$emit('sendMessage', this.message);
          this.message = '';
        }
      },
    },
  };
  </script>
  